<template>
	<view style="height: 100vh;width: 100vw;background-color:white;
	background-repeat: no-repeat;">
		<view class="loginBox" :style="{display:showLogin===true?'block':'none'}">
			<input class="input" type="text" v-model="username" placeholder="请输入账号或手机号码" /><input class="input"
				type="password" placeholder="请输入登录密码" v-model="password" />
			<button class="lbtn" type='primary' @click="loginHandler">登录</button>
		</view>
		<view class="mainbox">
			<h3 style="color: #409EFF;padding-left: 40rpx;">我的应用</h3>
			<view class="content">
				<view class="menuList" v-for="el in menuData" :key="el.id" @click="toPage(el)">
					<image class="logo" :src="el.icon"></image>
					<view class="text-area">
						<text class="title">{{el.name}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	// const {
	// 	baseUrl
	// } = from('@/api/env.js')
	// import {
	// 	loginToHome
	// } from '@/api/user.js'
	import {
		baseURL
	} from '@/api/env.js'
	export default {
		data() {
			return {
				localtoken: '',
				username: '',
				password: '',
				title: 'Hello',
				showLogin: true,
				menuData: [
					// 	{
					// 	id: 1,
					// 	name: '质量检查',
					// 	icon: '/static/icon/shequguanli_gongdanguanli.png',
					// 	path: '/pages/qiCheck/qiCheck'
					// },
					{
						id: 2,
						name: '任务管理',
						icon: '/static/icon/fuwurenwuguanli.png',
						path: '/pages/taskMg/taskMg'
					}
				]
			}
		},
		onLoad() {},
		methods: {

			toPage(el) {
				console.log('222', el.path)
				uni.navigateTo({
					url: el.path
				})
			},
			loginHandler() {
				// setTimeout(() => {
				// 	this.showLogin = false
				// }, 2500)
				uni.showLoading({
					title: '登录中...'
				});
				// setTimeout(() => {
				// 	uni.hideLoading()
				// }, 2000)
				uni.request({
					url: baseURL + '/api/auth/login',
					method: "POST",
					data: {
						username: this.username,
						password: this.password
					},
					success: (res) => {
						console.log('login', res);
						if (res.data.code == 200) {
							setTimeout(() => {
								this.showLogin = false
								uni.hideLoading()
								uni.showToast({
									title: '登陆成功',
									icon: 'success', //将值设置为 success 或者 ''
									duration: 1500 //持续时间为 2秒
								})
							}, 1000)

							uni.setStorageSync('token', res.data.data.token);
							uni.request({
								url: baseURL + '/api/auth/getUserInfo',
								method: "GET",
								header: {
									'Authorization': uni.getStorageSync('token')
								},
								success: (user) => {
									console.log('user', user);
									if (user.data.code == 200) {
										uni.setStorageSync('userId', user.data.data.id);
									}
								}
							})
						} else {
							uni.showToast({
								title: res.data.message,
								icon: 'none',
								duration: 1500
							});
						}
					}
				})
				// uni.login({
				// 	provider: 'weixin',
				// 	success: function(loginRes) {
				// 		console.log('loginRes', loginRes.code);
				// 		uni.request({
				// 			url: 'http://192.168.2.54:8088/api/auth/wechatMiniAppLogin?code=' +
				// 				loginRes.code, //仅为示例，并非真实接口地址。
				// 			method: "POST",
				// 			// data: code:loginRes.code,
				// 			header: {
				// 				// 'custom-header': 'hello' //自定义请求头信息
				// 			},
				// 			success: (res) => {
				// 				console.log('res.dataaa', res.data);
				// 				if (res.data.code == 200) {
				// 					console.log('user',res);
				// 					uni.setStorageSync('token', res.data.data.token);
				// 				uni.showToast({
				// 								title: '登陆成功',
				// 								icon: 'success',    //将值设置为 success 或者 ''
				// 								duration: 2000    //持续时间为 2秒
				// 							})  

				// 				}
				// 				if (res.data.code == 300 && res.data.errorCode == 10001000) {
				// 					uni.login({
				// 						provider: 'weixin',
				// 						success: function(loginRess) {
				// 							console.log('loginRess', loginRess.code);
				// 							uni.request({
				// 								url: 'http://192.168.2.54:8088/api/auth/bindWechatMiniAppLogin', //仅为示例，并非真实接口地址。
				// 								method: "POST",
				// 								data: {
				// 									code: loginRess.code,
				// 									username: this.username,
				// 									password: this.password
				// 								},
				// 								header: {
				// 									// 'custom-header': 'hello' //自定义请求头信息
				// 								},
				// 								success: (ress) => {
				// 									console.log('ress',
				// 										ress);
				// 									if (ress.data.code ==
				// 										200) {
				// 										this.showLogin =
				// 											true
				// 										let token = ress
				// 											.data.data
				// 											.token
				// 										localStorage
				// 											.setItem(
				// 												'token',
				// 												token)
				// 									}
				// 								}
				// 							})
				// 						}
				// 					})
				// 				}
				// 			}
				// 		});
				// 	}
				// })
			}
		}
	}
</script>

<style lang="scss">
	.loginBox {
		width: 100%;
		height: 100%;
		background: rgba(64, 158, 255, 0.6);

		.input {
			width: calc(100% - 100rpx);
			margin-left: 50rpx;
			height: 80rpx;
			background-color: #fff;
			border: 2rpx solid #b6b6b6;
			border-radius: 40rpx;
			margin-bottom: 40rpx;
			position: fixed;
			bottom: 50%;
			padding-left: 40rpx;
			box-sizing: border-box;
		}

		.input:first-child {

			bottom: 60%;
		}

		.lbtn {
			width: calc(100% - 100rpx);
			margin-left: 50rpx;
			height: 80rpx;
			border-radius: 40rpx;
			line-height: 80rpx;
			position: fixed;
			bottom: calc(40% + 40rpx);
			background: rgba(64, 158, 255, 1);

		}
	}

	.mainbox {
		width: 100%;
		height: calc(100% - 40rpx);
		padding-top: 40rpx;
	}

	.content {
		width: 100%;
		margin-top: 120rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
	}

	.menuList {
		display: flex;
		flex-direction: column;
		align-items: center;
		cursor: pointer;
	}

	.logo {
		height: 100rpx;
		width: 100rpx;
	}

	.text-area {
		margin-top: 20rpx;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>